var $first = $('.bannerCenter>ul li').first().clone()
$('.bannerCenter>ul').prepend($('.bannerCenter>ul li').last().clone())
$('.bannerCenter>ul').append($first)
$('.bannerCenter>ul').css({
    width:$first.width() * $('.bannerCenter>ul li').length + 'px',
    left:-$first.width() + 'px'
})
$('.bannerCenter').hover(function(){
    $('.bannerCenter>a').show()
},function(){
    $('.bannerCenter>a').hide()
})
var index = 1
$('.bannerCenter>a.rightBtn').click(function(){
    index++
    $('.bannerCenter>ul').animate({
        left:-index*$first.width()
    },1500,'swing',function(){
        if(index===$('.bannerCenter>ul li').length-1){
            index = 1 
            $('.bannerCenter>ul').css('left',-$first.width() + 'px')
        }
        $('.bannerFoot>ol li').eq(index-1).css('border-bottom','#f10180 4px solid').siblings().css('border-bottom',' none')
    })
    return false
})
$('.bannerCenter>a.leftBtn').click(function(){
    index--
    $('.bannerCenter>ul').animate({
        left:-index*$first.width()
    },1500,'swing',function(){
        if(index === 0){
            index = $('.bannerCenter>ul li').length-2
            $('.bannerCenter>ul').css('left',-index*$first.width() + 'px')
        }
        $('.bannerFoot>ol li').eq(index-1).css('border-bottom','#f10180 4px solid').siblings().css('border-bottom',' none')
    })
    return false
})
$('.bannerFoot>ol li').click(function(){
    index = $(this).index()+1;
    $('.bannerCenter>ul').animate({
        left:-index*$first.width()
    },1500,'swing',function(){
        if(index === 0){
            index = $('.bannerCenter>ul li').length-2
            $('.bannerCenter>ul').css('left',-index*$first.width() + 'px')
        }
        $('.bannerFoot>ol li').eq(index-1).css('border-bottom','#f10180 4px solid').siblings().css('border-bottom',' none')
    })
},function(){
    eq(1).css('border-bottom','#f10180 4px solid').siblings().css('border-bottom','0px')
})
$timerId = setInterval(function(){
    $('.bannerCenter>a.rightBtn').trigger('click')
},3000)
$('.bannerCenter').hover(function(){
    clearInterval($timerId)
},function(){
    $timerId = setInterval(function(){
        $('.bannerCenter>a.rightBtn').trigger('click')
    },3000)
})
$(document).scroll(function(){
    var a = $(document).scrollTop()
    if(a >= 300){
        $('.list').show()
    }
})
$('#listFirst').hover(function(){
    $('#listFirst>ol').stop().slideDown(300,'swing')
},function(){
    $('#listFirst>ol').stop().slideUp(100,'swing')
})
$('#listFirst-F').hover(function () {
    $('#listFirst-F>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('#listFirst-F>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-G').hover(function () {
    $('.listFirst-G>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-G>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-A').hover(function () {
    $('.listFirst-A>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-A>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-B').hover(function () {
    $('.listFirst-B>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-B>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-C').hover(function () {
    $('.listFirst-C>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-C>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-D').hover(function () {
    $('.listFirst-D>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-D>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-E').hover(function () {
    $('.listFirst-E>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-E>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-O').hover(function () {
    $('.listFirst-O>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-O>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-J').hover(function () {
    $('.listFirst-J>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-J>ol>li').stop().slideUp(100, 'swing')
})
$('.listFirst-Q').hover(function () {
    $('.listFirst-Q>ol>li').stop().slideDown(100, 'swing')
}, function () {
    $('.listFirst-Q>ol>li').stop().slideUp(100, 'swing')
})
$('.listCenter>ul>li').hover(function(){
    $(this).children().first().css('color','#f10180')
},function(){
    $(this).children().first().css('color','#000')
})
$('.searchT>ul>li').hover(function(){
    $(this).children().last().css('color','#f10180')
},function(){
    $(this).children().last().css('color','#000')
})
// $('.topRight>ul>li').hover(function(){
//     $(this).children().first().css('color','#f10180')
// },function(){
//     $(this).children().first().css('color','#000')
// })
$('#right>div').hover(function(){
    $(this).css('background-color','#f10180').children().last().stop().slideDown(100,'swing')
},function(){
    $(this).css('background-color','#000').children().last().stop().slideUp(100,'swing')
})
$('.dw').hover(function(){
    $(this).children().last().stop().slideDown(300,'swing')
},function(){
    $(this).children().last().stop().slideUp(100,'swing')
})
$('.dw>ol>li').hover(function(){
    $(this).css({
        backgroundColor:'#f10180',
        color:'#fff',
    })
},function(){
    $(this).css({
        'background-color':'#fff',
        color:'#000'
    })
})
$(document).scroll(function(){
    var a =$(document).scrollTop()
    console.log(a)
    if(a>=500){
            $('.list').slideDown(300,'swing').css({
                position: 'fixed',
                transition:'3s',
                top: '0',
                left: '0',
                border:'1px solid #ccc', 
            })  
    }else if(a<500){
        $('.list').css({
            position:'relative',
            border:'none'
        })
    }
})
$('#getTop').click(function(){
    $(document).scrollTop(0)
})
$('#ss').on('input',function(){
    $.ajax({
        url: 'https://category.vip.com/ajax/getSuggest.php',
        dataType: 'jsonp',
        data: {
            callback: 'searchSuggestions',
            keyword: $('#ss').val(),
        },
    })
})
function searchSuggestions(res) {
    console.log(res)
    var list = res.data
    var str = ''
    list.forEach(item => {
        str += `
            <li class="searchK-footer">${item.word}</li>
        `
    });
    document.querySelector('.searchK-foot').innerHTML = str
}
$('#ss').click(function(){
    $(this).parent().children().last().stop().show()
})
$('.searchK').hover(function(){
    
},function(){
    $(this).children().last().hide()
})
$('.link-anim>dd').hover(function(){
    $(this).children().animate({
        'padding-left':'3px',
    },100,'swing')
        $(this).children().css('color','#f10180')
},function(){
    $(this).children().animate({
        'padding-left':'0px',
    },100,'swing')
        $(this).children().css('color','#4d4d4d')
})
$('.foot-infor-link>a').hover(function(){
    $(this).css('color','#ccc')
},function(){
    $(this).css('color','#fff')
})
$('.foot-infor-tet a').hover(function(){
    $(this).css('color','#f10180')
},function(){
    $(this).css('color','#333')
})
$('.listXl').hover(function(){
    $(this).children().last().stop().slideDown(200,'swing')
},function(){
    $(this).children().last().stop().slideUp(200,'swing')
})
$('.listXl>ol>li').hover(function(){
    $(this).css('color','#f10180')
},function(){
    $(this).css('color','#333')
})
$('.logoThree').hover(function(){
    $(this).children().last().stop().slideDown(200,'swing')
},function(){
    $(this).children().last().stop().slideUp(200,'swing')
})
$('.aw').hover(function(){
    $(this).children().last().stop().slideDown(200,'swing')
},function(){
    $(this).children().last().stop().slideUp(200,'swing')
})
$('.topRight>ul').on('mouseenter','.top-login',function(){
    $('.top-login').children().last().stop().slideDown(200,'swing')
})
$('.topRight>ul').on('mouseleave','.top-login',function(){
    $('.top-login').children().last().stop().slideUp(200,'swing')
})
$('.top-login>ol').on('mouseenter','.top-login>ol>li',function(){
    $(this).css('color','#f10180')
})
$('.top-login>ol').on('mouseleave','.top-login>ol>li',function(){
    $('.top-login>ol>li').css('color','#333')
})
$('.top-sign').hover(function(){
    $(this).children().last().stop().slideDown(200,'swing')
},function(){
    $(this).children().last().stop().slideUp(200,'swing')
})
var id = localStorage.getItem('id')
var token = localStorage.getItem('token')
console.log(id)
$.ajax({
    url:'http://localhost:8888/users/info',
    method: 'get',
    dataType: 'json',
    data:{
        id:id
    },
    headers:{
        authorization:token
    },
    success:res=>{
        console.log(res)
        if(res.code === 1){
            var {info:{nickname}} = res
            var str = `
                <li class="top-login">
                    <span>欢迎${nickname}用户</span>
                    <ol>
                        <li style="width: 250px;">
                            <img src="./images/my_cnt_pic.jpg" alt="">
                            <span
                                style="display:inline-block; border-bottom:rgb(224, 223, 223) 1px solid;padding-right: 50px;" onclick="logout()">[退出]
                            </span>
                        </li>
                        <li>我的收藏</li>
                        <li>我的订单</li>
                        <li>零钱</li>
                        <li>我的优惠券</li>
                        <li>我的唯品币</li>
                        <li>唯品金融</li>
                    </ol>
                </li>
            `
            document.querySelector('.top-login').innerHTML = str
            
        }
        
    }
    
})
function logout(){
    layer.confirm('你确定要离开吗？',{
        btn:['当然','再想想']
    },function(){
        $.ajax({
            url:'http://localhost:8888/users/logout/'+id,
            success:res=>{
                var {message,code} = res
                if(code === 1){
                    layer.alert(message,{
                        icon:1,
                        time:1500
                    },function(){
                        document.querySelector('.top-login').innerHTML=`
                        <li class="top-login">
                            <a href="./login.html">请登录</a>
                            <ol>
                                <li style="width: 250px;">
                                    <img src="./images/my_cnt_pic.jpg" alt="">
                                    <span
                                        style="border-bottom:rgb(224, 223, 223) 1px solid;padding-right: 50px;">您好！[请登录]</span>
                                </li>
                                <li>我的收藏</li>
                                <li>我的订单</li>
                                <li>零钱</li>
                                <li>我的优惠券</li>
                                <li>我的唯品币</li>
                                <li>唯品金融</li>
                            </ol>
                        </li>
                        `
                        localStorage.removeItem('id')
                        localStorage.removeItem('token')
                    })
                }
            }
        })
    })
}
var arr = ['女士牛仔裤','半截裙','女士针织衫','女士牛仔裤','女士外套','女士体闲裤','高腰洋裙','直筒裤','女士卫衣','工装裤','小脚裤','长袖T恤','连帽卫衣']
var str = ''
arr.forEach(function(v){  
    str +=`
        <li class="listHead">女士热销</li>
        <li>${v}</li>
    `   
})
document.querySelector('.nleft1').innerHTML = str
var brr = ['高腰美裙','中长款裙','格纹美裙','纯色美裙','百褶美裙','碎花美裙','真丝美裙','旗袍美裙','牛仔美裙','吊带美裙','大码裙装','半截裙']
var sta = ''
brr.forEach(function(v){  
    sta +=`
        <li class="listHead">流行裙装</li>
        <li>${v}</li>
    `   
})
document.querySelector('.nleft2').innerHTML = sta
var crr = ['女式外套','女式针织衫','女式卫衣','女式风衣','长袖衬衫','女式西服','长袖连衣裙','长袖T恤','女式套装','连帽卫衣','套头卫衣']
var stb = ''
crr.forEach(function(v){  
    stb +=`
        <li class="listHead">女士上装</li>
        <li>${v}</li>
    `   
})
document.querySelector('.nleft3').innerHTML = stb
var drr = ['运动休闲鞋','跑步鞋','老爹鞋','气垫鞋','板鞋','小白鞋','徒步/登山鞋','综训鞋','雪地靴','羽毛球鞋','帆布鞋','足球鞋','凉拖鞋','篮球鞋','工装靴']
var stc = ''
drr.forEach(function(v){  
    stc +=`
        <li class="listHead">运动鞋</li>
        <li>${v}</li>
    `   
})
document.querySelector('.nleft4').innerHTML = stc

